

    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Data Tables
        <small>advanced tables</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Tables</a></li>
        <li class="active">Data tables</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
         

          <div class="box">
            <div class="box-header">
              <h3 class="box-title">Data Table With Full Features</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Rendering engine</th>
                  <th>Browser</th>
                  <th>Platform(s)</th>
                  <th>Engine version</th>
                  <th>CSS grade</th>
				  <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>Trident</td>
                  <td>Internet
                    Explorer 4.0
                  </td>
                  <td>Win 95+</td>
                  <td> 4</td>
                  <td>X</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Trident</td>
                  <td>Internet
                    Explorer 5.0
                  </td>
                  <td>Win 95+</td>
                  <td>5</td>
                  <td>C</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Trident</td>
                  <td>Internet
                    Explorer 5.5
                  </td>
                  <td>Win 95+</td>
                  <td>5.5</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Trident</td>
                  <td>Internet
                    Explorer 6
                  </td>
                  <td>Win 98+</td>
                  <td>6</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Trident</td>
                  <td>Internet Explorer 7</td>
                  <td>Win XP SP2+</td>
                  <td>7</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Trident</td>
                  <td>AOL browser (AOL desktop)</td>
                  <td>Win XP</td>
                  <td>6</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Firefox 1.0</td>
                  <td>Win 98+ / OSX.2+</td>
                  <td>1.7</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Firefox 1.5</td>
                  <td>Win 98+ / OSX.2+</td>
                  <td>1.8</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Firefox 2.0</td>
                  <td>Win 98+ / OSX.2+</td>
                  <td>1.8</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Firefox 3.0</td>
                  <td>Win 2k+ / OSX.3+</td>
                  <td>1.9</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Camino 1.0</td>
                  <td>OSX.2+</td>
                  <td>1.8</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Camino 1.5</td>
                  <td>OSX.3+</td>
                  <td>1.8</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
                <tr>
                  <td>Gecko</td>
                  <td>Netscape 7.2</td>
                  <td>Win 95+ / Mac OS 8.6-9.2</td>
                  <td>1.7</td>
                  <td>A</td>
				  <td><a class="btn"><i class="fa fa-edit"></i> 编辑</a><a class="btn"><i class="fa fa-close"></i> 删除</a></td>
                </tr>
        
                </tbody>
                <tfoot>
                <tr>
                  <th>Rendering engine</th>
                  <th>Browser</th>
                  <th>Platform(s)</th>
                  <th>Engine version</th>
                  <th>CSS grade</th>
				  <th>操作</th>
                </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.box-body -->
			
			<div class="box-footer text-center">
				<div class="dataTables_paginate paging_simple_numbers">
				<ul class="pagination">
				<li class="paginate_button previous disabled"><a href="#">Previous</a></li>
				<li class="paginate_button active"><a href="#">1</a></li>
				<li class="paginate_button "><a href="#">2</a></li>
				<li class="paginate_button "><a href="#">3</a></li>
				<li class="paginate_button "><a href="#">4</a></li>
				<li class="paginate_button "><a href="#">5</a></li>
				<li class="paginate_button "><a href="#">6</a></li>
				<li class="paginate_button next"><a href="#">Next</a></li></ul></div>
		</div>



          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>

	
      <!-- /.row -->
    </section>
    <!-- /.content -->

<style type="text/css">
<!--
a.btn { color:#666;}
-->
</style>


<!-- DataTables -->
<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->

<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- page script -->
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>
